#logo { 
    position: relative; 
    height: 600px;
    width: 1000px; 
    background: url(../afbeeldingen/Joonsmix.png);
    background-size:auto 550px; 
    background-repeat:no-repeat;
}

#container
{
    font: Centaur;
    background-color: #BFBFBF
}


.bodystyle {
    margin: 0;
    padding: 0;
    top:0;
    color: #020C08;
    max-width:1000px; 
     background: url(../afbeeldingen/logo.png);
  background-size: 100% auto;
  background-repeat:repeat-y;   
}

.bodystyle::after {
  content: "";
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.bodystyleIndex
{
    margin: 0px;
    padding: 0px;
    color: #020C08;

}

.mirror { 
    
    -moz-transform: scaleY(-1);    /* Gecko */
    -o-transform: scaleY(-1);      /* Operah */
    -webkit-transform: scaleY(-1); /* webkit */
    transform: scaleY(-1);         /* standard */
    filter: FlipV;                 /* IE 6/7/8 */    
}

.container
{
    font: Centaur;
    margin: 0px auto 0px auto;
    width:95%;
}

.navigatiemenu
{
	
  background: url(../afbeeldingen/menuImage.png);
  background-repeat: repeat-y;
  background-size: cover;
  opacity: 0.6;
  margin-left:-20px;
  margin-right:-20px;
  top:-10px;
  font-family: "Times New Roman", Times, serif;
  font-size: 25px;
  
}


.menulijst
{   margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	width:90%;
    padding:0px;
    padding-top:5px;
    padding-bottom:5px;
}


.logo_klein
{
	width:190px;
}

.menu-item
{
	padding: 0px;
	padding-top: 3px;
	padding-left:10px;
	margin-bottom: 5px;
	list-style-type: none;
	display:inline-block;
}

.menu2-item
{
   color:#020C08; 
}

.menu2-item:hover
{
    cursor: pointer;
    color:Blue;
}

.menu-tekst
{
	margin-left:5px;
}


.center
{
	padding: 0px;
	margin:0px;
	color: #020C08;
}

.header
{
    font-size:50pt;
    font-weight:bold;
    text-shadow:2px 2px 5px #020C08;
}

.headerdiv
{
    margin:0px auto 0px auto;
    width: 70%;
    min-width:460px;
}

.underheader
{
    margin-left:10px;
}

.centertekst
{
    max-width:900px;
    margin-left:10px;
}

.detailtekst
{
    display:none;
    border:1px solid #6F7975;
    max-width:920px;
}

.alineatitel
{
    margin:10px;
}

.tableheader
{
    font-size:25px;
    text-decoration:underline;
    text-align: left;
    margin:0px;
    padding:0PX;
    padding-left:5px;
}

.tableCell
{
    border:1px solid #6F7975;
    font-size:20px;
    margin:0px;
    padding:2px;
    padding-left:5px;
    border-collapse:collapse;
    text-align: left;
}
.imgdiv
{
	padding: 0px;
	width:50px;
	margin:0px 0px 0px auto;
}

.link
{
    color: #523F00;
    font-weight: 300;
    margin-left: 5px;
    
}

.menu-item .link:hover, .menu-item .link:focus {
    color: #1E1C15;
}


.selected
{
    font-weight:bold;
    color:Black;
}

div.figure {
  float: right;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figure p + p {
  display: table-caption;
  caption-side: bottom;
}

.verhaalplaatje
{width: 300px;}

#center
{
	padding: 0px;
	color: #6F7975;
}

#headerdiv
{
    width:70%;
    margin: 0px auto 0px auto;
    
}
#header
{
    font-size:80pt;
    font-weight:bold;
    text-shadow:5px 2px 10px #760016;
    margin: 0px;
}

#headershadow
{
    font-size:50px;
    color:#C1AC66;
    letter-spacing:18px;
    text-shadow:1px 1px 5px #760016;
    padding:0px;
    margin: -50px 0px 10px 209px;
    position:absolute;
}

#underheader
{
    margin:10px 0px 10px 200px;
    font-size:30px;
    font-style:italic;
}

#verhaalplaatje
{
    width:200px;
}